<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>登录页面</title>
  <link rel="stylesheet" href="../css/login.css">
  <link rel="stylesheet" href="../download/font_4595003_v3a5z0bj5vb/iconfont.css">
  <link rel="icon" href="../img/C3492248B5A05C9A0028BE1496CD8A0A.png">
</head>
<style>
  :root {
    --themeColor: #56c6f5;
  }
</style>

<body>

  <!-- 标题 -->
  <h1 class="headline">湖南科技职业学院学生考试系统</h1>
  <div class="login-box">

    <h1>登录</h1>

    <!-- 矢量图 -->
    <div class="icon">
      <!-- 管理员图标 -->
      <input type="radio" name="sf" class="root" id="root" checked>
      <label for="root">
        <span class="iconfont icon-guanliyuan_jiaoseguanli"></span>
      </label>

      <!-- 学生图标 -->
      <input type="radio" name="sf" class="stu" id="stu">
      <label for="stu">
        <span class="iconfont icon-xuesheng"></span>
      </label>

    </div>

    <!-- 用户名 -->
    <div class="user">
      <input type="text" class="inpt" required>
      <label class="lab">用户名：</label>
      <p></p>
      <i class="iconfont icon-yonghu"></i>
    </div>

    <!-- 密码 -->
    <div class="passwd">
      <input type="password" class="inpt" required>
      <label class="lab">密码：</label>
      <p></p>
      <i class="iconfont icon-yanjing_yincang_o xt"></i>
    </div>

    <div class="login-box-yzm">
      <input type="text" class="inpt" required>
      <label class="lab">验证码：</label>
      <p></p>
      <div class="yzm"></div>
    </div>

    <!-- 跳转登录 -->
    <div class="login-box-register">
      <button class="click-login">点击登录</button>
      <button class="skip-register">跳转注册</button>
    </div>
  </div>
</body>
<script src="../js/login.js"></script>

</html>